<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城</title>
		<link rel="stylesheet" type="text/css" href="css/CssInitial.css">
		<link rel="stylesheet" type="text/css" href="css/font.css">
		<link rel="stylesheet" type="text/css" href="css/Cssindex.css">
	</head>
	<body>
					<!-- 顶部栏 -->
					<div class="topbar">
						<div class="container clear con1">
							<div class="topbar-list">
								<a href="" herf="#">小米商城</a><span>|</span>
								<a href="" herf="#">MIUI</a><span>|</span>
								<a href="" herf="#">LOT</a><span>|</span>
								<a href="" herf="#">云服务</a><span>|</span>
								<a href="" herf="#">金融</a><span>|</span>
								<a href="" herf="#">有品</a><span>|</span>
								<a href="" herf="#">小爱开放平台</a><span>|</span>
								<a href="" herf="#">企业团购</a><span>|</span>
								<a href="" herf="#">资质证照</a><span>|</span>
								<a href="" herf="#">协议规则</a><span>|</span>
								<a href="" herf="#">下载APP</a><span>|</span>
								<a href="" herf="#">Select Location</a>
							</div>
							<div class="shop">
								<a href="#">
									<span class="iconfont">&#xe600;</span>购物车(0)
								</a>
							</div>
							<div class="logo">
								<a herf="#">登录</a><span>|</span>
								<a herf="#">注册</a><span>|</span>
								<a herf="#">消息通知</a>
							</div>
						</div>
					</div>
					<!-- 顶部栏结束 -->
					<!-- 导航栏开始 -->
					<div class="header">
						<div class="container clear con2">
							<div class="site-logo">
								<a href="#"><img src="img/logo.png" alt=""></a>
							</div>
							<div class="site-list">
							<ul class="clear"><li></li>
							<li class="dd"><a href="#"><img src="img/daiding.png" alt=""></a>
							<!--广告条侧边栏 -->
							<div class="category-list">
								<ul>
				<li><a herf="#">手机 电话卡<span class= "iconfont">&#xe628;</span></a></li>
				<li><a herf="#">电视 盒子<span class= "iconfont">&#xe628;</span></a></li>
			<li><a herf="#">笔记本 显示器 平板<span class= "iconfont">&#xe628;</span></a></li>
				<li><a herf="#">家电 插线板<span class= "iconfont">&#xe628;</span></a></li>
					<li><a herf="#">出行 穿戴<span class= "iconfont">&#xe628;</span></a></li>
					<li><a herf="#">智能 路由器<span class= "iconfont">&#xe628;</span></a></li>
					<li><a herf="#">电源 配件<span class= "iconfont">&#xe628;</span></a></li>
					<li><a herf="#">健康 儿童<span class= "iconfont">&#xe628;</span></a></li>
			<li><a herf="#">耳机 音响<span class= "iconfont">&#xe628;</span></a></li>
		<li><a herf="#">生活 钱包<span class= "iconfont">&#xe628;</span></a></li>
								</ul>
							</div>
							</li>
							<li><a href="#">小米手机</a></li>
							<li><a href="#">红米手机</a></li>
							<li><a href="#">电视</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">家电</a></li>
							<li><a href="#">路由器</a></li>
							<li><a href="#">智能硬件</a></li>
							<li><a href="#">服务</a></li>
							<li><a href="#">社区</a></li>
							</ul></div>
							<div class="site-search">
								<form action="" class="clear">
									<input type="text" name="ipt1" class="search-text">
									<input type="submit" name="subipt" value="&#xe615;" class="search-btn iconfont">
									<div class="search-hotword">
										<a href="#" class="sep">小米9 P月5G</a>
										<a href="#" class="sep">Redmi Note 8</a>
									</div>
								</form>
							</div>
						</div>
					</div>
					<!-- 导航栏结束 -->
					<!-- start -->
					<div class="site-content">
						<div class="container con3">
							<!-- 广告条 -->
							<div class="site-slider">
								<a href="#"><img src="img/slider1.jpg" alt=""></a>
								<span class="next"></span>
								<span class="prev"></span>
								<div class="site-item">
									<a href="#" class="step"></a>
									<a href="#" class="step"></a>
									<a href="#" class="step"></a>
									<a href="#" class="step"></a>
									<a href="#" class="step"></a>
								</div>
							</div>
							<!-- 广告条end -->
							<!-- 向导 -->
							<div class="content-sub  clear">
								<!-- 左边雪碧lan -->
								<div class="channel">
									<ul class="channel-list clear">
										<li><a href="#"><i class="iconfont">&#xe607;</i><i>小米秒杀</i></a></li>
										<li><a href="#"><i class="iconfont">&#xe603;</i><i>企业团购</i></a></li>
										<li><a href="#"><i class="iconfont">&#xe602;</i><i>F码通道</i></a></li>
										<li><a href="#"><i class="iconfont">&#xe601;</i><i>米粉卡</i></a></li>
										<li><a href="#"><i class="iconfont">&#xe636;</i><i>以旧换新</i></a></li>
										<li><a href="#"><i class="iconfont">&#xe612;</i><i>话费充值</i></a></li>
									</ul>
								</div>
								<!-- 右边三张图 -->
								<div class="content-list">
								<ul class="clear list-ul">
								<li><a href="#"><img src="img/lead1.jpg" alt=""></a></li>
								<li><a href="#"><img src="img/lead2.jpg" alt=""></a></li>
								<li><a href="#"><img src="img/lead3.jpg" alt=""></a></li>
								</ul>
								<!-- /* 广告条结束 */ -->
								</div>
							</div>
						</div>
					</div>
					<!-- end -->
					<!-- 内容详情 -->
					<div class="description">
						<div class="container con4">
							<div class="sh-top clear">
								<h2 class="desc-h2">小米闪购</h2>
								<div class="more">
									<a href="#" class="nice">
										<span class="iconfont desc-stap">&#xe622;</span>
										<span class="iconfont desc-stap">&#xe618;</span>
									</a>
								</div>
							</div>
							<div class="sh-bottom clear">
								<div class="flashleft">
									<div class="shopgo">
										<p class="round">14:00场</p>
										<img src="./img/download.png" >
										<p class="detial">距离时间还有</p>
										
									</div>
									<div class="count-time clear">
										<span class="spa">05</span><i class="dot">:</i>
										<span class="spa">05</span><i class="dot">:</i>
										<span class="spa">65</span>
									</div>
								</div>
								<div class="flashright">
									<ul class="flash-list clear">
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash1.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash2.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash3.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash4.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
									</ul>
								</div>
							</div>
							<!-- count-time end -->
							<div class="content-banner1">
								<div class="banner-description">
									<a href="#9">
										<img src="img/lead4.jpg">
									</a>
								</div>
							</div>
							<!-- end -->

								<div class="sh-top clear">
									<h2 class="desc-h2">小米闪购</h2>
									<div class="more">
										<a href="#" class="nice">
											<span class="iconfont desc-stap">&#xe622;</span>
											<span class="iconfont desc-stap">&#xe618;</span>
										</a>
									</div>
								</div>
								<div class="sh-bottom clear">
									<div class="flashleft">
										<div class="shopgo">
											<p class="round">14:00场</p>
											<img src="./img/download.png" >
											<p class="detial">距离时间还有</p>
											
										</div>
										<div class="count-time clear">
											<span class="spa">05</span><i class="dot">:</i>
											<span class="spa">05</span><i class="dot">:</i>
											<span class="spa">65</span>
										</div>
									</div>
									<div class="flashright">
										<ul class="flash-list clear">
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash1.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash2.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash3.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash4.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
										</ul>
									</div>
								</div>
								<!-- count-time end -->
								<div class="content-banner1">
									<div class="banner-description">
										<a href="#9">
											<img src="img/lead4.jpg">
										</a>
									</div>
								</div>
								<!-- end -->
								<div class="box-header clear">
									<h2 class="h2-left">手机</h2>
									<div class="text-detial">
										<a href="#7">出行</a>
										<a href="#7">热门</a>
									</div>
								</div>
								<div class="box2-content2">
									<div class="bd-left">
										<ul>
										<li class="same">
										<a href="#9"><img src="img/bd2_left9.jpg" alt="">
										</a></li>
										<li class="yet same">
										<a href="#9"><img src="img/bd2_left10.jpg" alt="">
										</a></li>
										</ul>
									</div>
									<!-- left -->
									<div class="bd-detial">
										<ul class="bd-list">
											<li class="#1">
												<a href="#22"><img src="img/bd2_right33.jpg" alt=""></a>
												<p class="$1">米家互联网空调C1（一级能效)</p>
												<p class="$2">变频节能省电，自清洁</p>
												<p class="$3">1999元 <s class="">2699元</s></p>
												</li>
												<li class="#1">
													<a href="#22"><img src="img/bd2_right34.jpg" alt=""></a>
													<p class="$1">米家互联网空调C1（一级能效)</p>
													<p class="$2">变频节能省电，自清洁</p>
													<p class="$3">1999元 <s class="">2699元</s></p>
													</li>
													<li class="#1">
														<a href="#22"><img src="img/bd2_right35.jpg" alt=""></a>
														<p class="$1">米家互联网空调C1（一级能效)</p>
														<p class="$2">变频节能省电，自清洁</p>
														<p class="$3">1999元 <s class="">2699元</s></p>
														</li>
														<li class="#1">
															<a href="#22"><img src="img/bd2_right36.jpg" alt=""></a>
															<p class="$1">米家互联网空调C1（一级能效)</p>
															<p class="$2">变频节能省电，自清洁</p>
															<p class="$3">1999元 <s class="">2699元</s></p>
															</li>
															
										</ul>
									</div>
									<div class="bd-detial" id="else2">
										<ul class="bd-list">
											<li class="#1">
												<a href="#22"><img src="img/bd2_right37.jpg" alt=""></a>
												<p class="$1">米家互联网空调C1（一级能效)</p>
												<p class="$2">变频节能省电，自清洁</p>
												<p class="$3">1999元 <s class="">2699元</s></p>
												</li>
												<li class="#1">
													<a href="#22"><img src="img/bd2_right38.jpg" alt=""></a>
													<p class="$1">米家互联网空调C1（一级能效)</p>
													<p class="$2">变频节能省电，自清洁</p>
													<p class="$3">1999元 <s class="">2699元</s></p>
													</li>
													<li class="#1">
														<a href="#22"><img src="img/bd2_right39.jpg" alt=""></a>
														<p class="$1">米家互联网空调C1（一级能效)</p>
														<p class="$2">变频节能省电，自清洁</p>
														<p class="$3">1999元 <s class="">2699元</s></p>
														</li>
														<li class="#1">
															<a href="#22"><img src="img/bd2_right40.jpg" alt=""></a>
															<p class="$1">米家互联网空调C1（一级能效)</p>
															<p class="$2">变频节能省电，自清洁</p>
															<p class="$3">1999元 <s class="">2699元</s></p>
															</li>
															
										</ul>
									</div>
									<!-- end -->

								</div>
						</div>
					</div>
					
					<div class="description">
						<div class="container con4">
							<div class="sh-top clear">
								<h2 class="desc-h2">小米闪购</h2>
								<div class="more">
									<a href="#" class="nice">
										<span class="iconfont desc-stap">&#xe622;</span>
										<span class="iconfont desc-stap">&#xe618;</span>
									</a>
								</div>
							</div>
							<div class="sh-bottom clear">
								<div class="flashleft">
									<div class="shopgo">
										<p class="round">14:00场</p>
										<img src="./img/download.png" >
										<p class="detial">距离时间还有</p>
										
									</div>
									<div class="count-time clear">
										<span class="spa">05</span><i class="dot">:</i>
										<span class="spa">05</span><i class="dot">:</i>
										<span class="spa">65</span>
									</div>
								</div>
								<div class="flashright">
									<ul class="flash-list clear">
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash1.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash2.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash3.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
										<li class="flash-box">
											<p class="flash-img"><a href="#">
											<img src="img/flash4.jpg" alt=""></a></p>
											<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
											<p>给生活一条好毛巾</p>
											<p>99元<s>169元</s></p>
										</li>
									</ul>
								</div>
							</div>
							<!-- count-time end -->
							<div class="content-banner1">
								<div class="banner-description">
									<a href="#9">
										<img src="img/lead4.jpg">
									</a>
								</div>
							</div>
							<!-- end -->
					
								<div class="sh-top clear">
									<h2 class="desc-h2">小米闪购</h2>
									<div class="more">
										<a href="#" class="nice">
											<span class="iconfont desc-stap">&#xe622;</span>
											<span class="iconfont desc-stap">&#xe618;</span>
										</a>
									</div>
								</div>
								<div class="sh-bottom clear">
									<div class="flashleft">
										<div class="shopgo">
											<p class="round">14:00场</p>
											<img src="./img/download.png" >
											<p class="detial">距离时间还有</p>
											
										</div>
										<div class="count-time clear">
											<span class="spa">05</span><i class="dot">:</i>
											<span class="spa">05</span><i class="dot">:</i>
											<span class="spa">65</span>
										</div>
									</div>
									<div class="flashright">
										<ul class="flash-list clear">
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash1.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash2.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash3.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
											<li class="flash-box">
												<p class="flash-img"><a href="#">
												<img src="img/flash4.jpg" alt=""></a></p>
												<p><a href="#1">最生活毛巾·Air（10条装）素蓝</a></p>
												<p>给生活一条好毛巾</p>
												<p>99元<s>169元</s></p>
											</li>
										</ul>
									</div>
								</div>
								<!-- count-time end -->
								<div class="content-banner1">
									<div class="banner-description">
										<a href="#9">
											<img src="img/lead4.jpg">
										</a>
									</div>
								</div>
								<!-- end -->
								<div class="box-header clear">
									<h2 class="h2-left">手机</h2>
									<div class="text-detial">
										<a href="#7">出行</a>
										<a href="#7">热门</a>
									</div>
								</div>
								<div class="box2-content2">
									<div class="bd-left">
										<ul>
										<li class="same">
										<a href="#9"><img src="img/bd2_left9.jpg" alt="">
										</a></li>
										<li class="yet same">
										<a href="#9"><img src="img/bd2_left10.jpg" alt="">
										</a></li>
										</ul>
									</div>
									<!-- left -->
									<div class="bd-detial">
										<ul class="bd-list">
											<li class="#1">
												<a href="#22"><img src="img/bd2_right33.jpg" alt=""></a>
												<p class="$1">米家互联网空调C1（一级能效)</p>
												<p class="$2">变频节能省电，自清洁</p>
												<p class="$3">1999元 <s class="">2699元</s></p>
												</li>
												<li class="#1">
													<a href="#22"><img src="img/bd2_right34.jpg" alt=""></a>
													<p class="$1">米家互联网空调C1（一级能效)</p>
													<p class="$2">变频节能省电，自清洁</p>
													<p class="$3">1999元 <s class="">2699元</s></p>
													</li>
													<li class="#1">
														<a href="#22"><img src="img/bd2_right35.jpg" alt=""></a>
														<p class="$1">米家互联网空调C1（一级能效)</p>
														<p class="$2">变频节能省电，自清洁</p>
														<p class="$3">1999元 <s class="">2699元</s></p>
														</li>
														<li class="#1">
															<a href="#22"><img src="img/bd2_right36.jpg" alt=""></a>
															<p class="$1">米家互联网空调C1（一级能效)</p>
															<p class="$2">变频节能省电，自清洁</p>
															<p class="$3">1999元 <s class="">2699元</s></p>
															</li>
															
										</ul>
									</div>
									<div id="else3" class="bd-detial">
										<ul class="bd-list">
											<li class="#1">
												<a href="#22"><img src="img/bd2_right37.jpg" alt=""></a>
												<p class="$1">米家互联网空调C1（一级能效)</p>
												<p class="$2">变频节能省电，自清洁</p>
												<p class="$3">1999元 <s class="">2699元</s></p>
												</li>
												<li class="#1">
													<a href="#22"><img src="img/bd2_right38.jpg" alt=""></a>
													<p class="$1">米家互联网空调C1（一级能效)</p>
													<p class="$2">变频节能省电，自清洁</p>
													<p class="$3">1999元 <s class="">2699元</s></p>
													</li>
													<li class="#1">
														<a href="#22"><img src="img/bd2_right39.jpg" alt=""></a>
														<p class="$1">米家互联网空调C1（一级能效)</p>
														<p class="$2">变频节能省电，自清洁</p>
														<p class="$3">1999元 <s class="">2699元</s></p>
														</li>
														<li class="#1">
															<a href="#22"><img src="img/bd2_right40.jpg" alt=""></a>
															<p class="$1">米家互联网空调C1（一级能效)</p>
															<p class="$2">变频节能省电，自清洁</p>
															<p class="$3">1999元 <s class="">2699元</s></p>
															</li>
															
										</ul>
									</div>
									<!-- end -->
					
								</div>
						</div>
					</div>
					
					<div class="footer">
						<div class="container">
							<div class="footer-service">
								<ul class="flex clear">
									<li class="flex-1"><a href="#5">
									<span class="iconfont">&#xeb5c;</span><i class="">预约维修服务</i></a></li>
									<li class="flex-1"><a href="#5">
									<span class="iconfont">&#xe605;</span><i class="">7天无理由退货</i></a></li>
									<li class="flex-1"><a href="#5">
									<span class="iconfont">&#xe608;</span><i class="">15天免费换货</i></a></li>
									<li class="flex-1"><a href="#5">
									<span class="iconfont">&#xe604;</span><i class="">满99元包邮</i></a></li>
									<li class="flex-1"><a href="#5">
									<span class="iconfont">&#xe61f;</span><i class="">520余家售后网点</i></a></li>
								</ul>
							</div>
							<div class="footer-links clear">
								<dl class="links">
									<dt><a href="#90">帮助中心</a></dt>
									<dd><a href="#99">账户管理</a></dd>
									<dd><a href="#99">订单指南</a></dd>
									<dd><a href="#99">用户操作</a></dd>
								</dl>
								<dl class="links">
									<dt><a href="#90">服务支持</a></dt>
									<dd><a href="#99">售后政策</a></dd>
									<dd><a href="#99">自助服务</a></dd>
									<dd><a href="#99">相关下载</a></dd>
								</dl>
								<dl class="links">
									<dt><a href="#90">帮助中心</a></dt>
									<dd><a href="#99">账户管理</a></dd>
									<dd><a href="#99">订单指南</a></dd>
									<dd><a href="#99">用户操作</a></dd>
								</dl>
								<dl class="links">
									<dt><a href="#90">帮助中心</a></dt>
									<dd><a href="#99">账户管理</a></dd>
									<dd><a href="#99">订单指南</a></dd>
									<dd><a href="#99">用户操作</a></dd>
								</dl>
								<dl class="links">
									<dt><a href="#90">帮助中心</a></dt>
									<dd><a href="#99">账户管理</a></dd>
									<dd><a href="#99">订单指南</a></dd>
									<dd><a href="#99">用户操作</a></dd>
								</dl>
								<dl class="links">
									<dt><a href="#90">帮助中心</a></dt>
									<dd><a href="#99">账户管理</a></dd>
									<dd><a href="#99">订单指南</a></dd>
									<dd><a href="#99">用户操作</a></dd>
								</dl>
								<div class="contact">
									<p class="phone">400-100-4567</p>
									<p class="daytime">周一至周日 08:00-18:00</br>
									（仅收市话费）
									</p>
									<p class="customer">
										<a href="#" class="person">
											<span class="iconfont person2">&#xe606;</span>人工客服
										</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				
	</body>
</html>